$(function(){
   /*  $(window).on("resize",function(){

    }) */
    var items = $(".carousel-inner .item");
    $(window).resize(function(){
        // console.log("aaaa");
        var w = $(this).width();
        // console.log(w);
        // 非移动端
        if(w>=768){
            $(items).each(function(index,item){
                var a = $(this);
                console.log(index,item,a);
                var imgUrl = $(this).data('bigImg');
                var str = `
                <a href="#" class="pcImg hidden-xs" style=" background-image: url('${imgUrl}')"></a>
                `;
                $(this).html(str);
            });
        }else {
            // 移动端
            $(items).each(function(index,item){
                var a = $(this);
                console.log(index,item,a);
                var imgUrl = $(this).data('smallImg');
                var str = `
                <a href="#" class="mobileImg hidden-sm hidden-md hidden-lg">
                    <img src="${imgUrl}" alt="...">
                </a>
                `;
                $(this).html(str);
            });
        }
    }).trigger("resize");


    // 移动端触屏事件
    // 拿到轮播图对象
    var carousel= $(".carousel")[0];
    var startX = 0;//滑动的起始位置
    var endX = 0;//滑动的结束位置
    // 开始触摸手机屏幕 监听
    carousel.addEventListener('touchstart',function(event){
        
        startX = event.targetTouches[0].clientX;
        // console.log("开始位置",startX);
    });

    // 手指离开手机屏幕 是 监听
    carousel.addEventListener('touchend',function(event){
        endX=event.changedTouches[0].clientX;
        console.log("结束位置",endX);
        if(endX - startX >0){
            $('.carousel').carousel("prev");
        }else {
            $('.carousel').carousel("next");
        }
    });

    /* bootstrap 工具提示 初始化 */
    $('[data-toggle="tooltip"]').tooltip();

    /* 产品导航 滚动相关 */
    /* 
        1. 获取每一个li的宽度
        2. 让他们累加求和
        3. 给ul设置宽度
        4. 加载滚动插件
        5. 初始化滚动插件
    */
   var lis = $(".wjs_products .nav-tabs li");
   var ul = $(".wjs_products .nav-tabs");
   var totalWidth=0;//li宽度的和
   lis.each(function(item,index){
       /* width()：取到的值是元素的内容宽width
       innerWidth():取到的值是元素的内容宽width+padding
       outerWidth():取到的值是元素的内容宽width+padding+border
       outerWidth(true):取到的值是元素的内容宽width+padding+magin+border

        */
       var w = $(this).outerWidth(true);
        totalWidth+=w;
        // console.log(w);
   });
//    console.log("totalWidth",totalWidth);
   $(ul).width(totalWidth);
   var myScroll = new IScroll('#wjs_nav_parent',{
        scrollX: true, 
        scrollY: false
   });


//    导航条点击事件
   $(".navbar-collapse .navbar-nav li").on('click',function(){
        $(this).addClass("active").siblings("li").removeClass("active");
        $(this).parent("ul").siblings("ul").children("li").removeClass("active");
   });
   
})